<template>
    <!--  底部  -->
    <Footer/>
  <!-- 底部导航栏 -->
    <tm-tabbar :autoSelect="false" v-model:active="acc">
		<tm-tabbar-item @click="acc=0" url='/pages/index' activeColor="orange"  open-type='reLaunch'  text="书架"
		                unicon="tmicon-like"
		                icon="tmicon-heart-fill"></tm-tabbar-item>
        <tm-tabbar-item  @click="acc=1" url='/pages/shop' activeColor="orange" open-type='reLaunch' text="书城"
                        icon='tmicon-collection-fill'></tm-tabbar-item>
        <!-- <tm-tabbar-item  url="/pages/male" activeColor="orange" text="分类" icon='tmicon-cog-fill'></tm-tabbar-item> -->
<!--        <tm-tabbar-item  activeColor="orange" url='/pages/shortageBooks' text="书荒"
                        unicon="tmicon-pengyouquan"
                        icon="tmicon-plus"></tm-tabbar-item> -->
        <!-- <tm-tabbar-item @click="acc=2" :shadow="2" :beforeClick="laodingfun" :data="'中间项'" btn-top fontColor="white" activeColor="white" linear="top" linearDeep="accent" color="yellow" icon="tmicon-plus"></tm-tabbar-item> -->
        <tm-tabbar-item  @click="acc=2" url='/pages/user/PersonalCenter' activeColor="orange" active text="我的"
                        unicon="tmicon-account" icon="tmicon-userplus-fill"></tm-tabbar-item>
    </tm-tabbar>
</template>

<script setup lang="ts">
import {
    ref,
} from "vue"
import Footer from "@/pages/components/common/Footer.vue";
import tmTabbar from "@/tmui/components/tm-tabbar/tm-tabbar.vue"
import tmTabbarItem from "@/tmui/components/tm-tabbar-item/tm-tabbar-item.vue"

//todo 切换tar
// var pages = getCurrentPages();
// console.log('getCurrentPages()',pages[0])
// console.log('getCurrentPages()',pages[0].route)
// const refto = {
// "pages/index":"0",
// "/pages/shop":"1",
// "/pages/user/PersonalCenter":"2",
// }
const acc = ref(0)

</script>


